.xh-flow-node {float: left; width: 20%; min-width: 100px; max-width: 180px; text-align: center; margin-bottom: 9px; padding-right: 5px;}
.xh-flow-node > div {position: relative; padding: 7px 0 7px 12px; line-height: 20px; background: #90A4AE; white-space:nowrap; overflow: visible; color: #fff;}
.xh-flow-node > div:before, .xh-flow-node > div:after {content: ' '; display: block; width: 0; height: 0; border-style: solid; border-width: 17px 0 17px 14px; border-color: transparent transparent transparent #90A4AE; position: absolute; left: 0; top: 0}
.xh-flow-node > div:before {border-left-color: #fff; z-index: 1}
.xh-flow-node > div:after {left: auto; right: -14px; z-index: 2}

/*.xh-flow-node-waiting > div:before {display: none}*/
.xh-flow-node-doing > div {background: #1976D2}
.xh-flow-node-doing > div:after {border-left-color: #1976D2}
.xh-flow-node-success > div {background: #4CAF50}
.xh-flow-node-success > div:after {border-left-color: #4CAF50}
.xh-flow-node-warning > div {background: #F57C00}
.xh-flow-node-warning > div:after {border-left-color: #F57C00}
.xh-flow-node-error > div {background: #EF5350}
.xh-flow-node-error > div:after {border-left-color: #EF5350}

.xh-flow-node-waiting > div:hover {background: #788992}
.xh-flow-node-waiting > div:hover:after {border-left-color: #788992}
.xh-flow-node-doing > div:hover {background: #1565C0}
.xh-flow-node-doing > div:hover:after {border-left-color: #1565C0}
.xh-flow-node-success > div:hover {background: #43A047}
.xh-flow-node-success > div:hover:after {border-left-color: #43A047}
.xh-flow-node-warning > div:hover {background: #EF6C00}
.xh-flow-node-warning > div:hover:after {border-left-color: #EF6C00}
.xh-flow-node-error > div:hover {background: #E53935}
.xh-flow-node-error > div:hover:after {border-left-color: #E53935}

.xh-flow-area > .xh-flow-process > .xh-flow-node:first-child div:before {display: none}
.xh-flow-area > .xh-flow-process > .xh-flow-node:last-child div:after {display: none}
.xh-flow-area {margin: 5px 10px; }
.xh-flow-area > select {width: 15%; min-width: 180px; max-width: 300px; margin-right: 10px; float:left;}

/*.xh-flow-area > .xh-flow-process > .xh-flow-node > div > a {display: inline-block; cursor: pointer; padding: 0 10px; text-align: center; background-color: #4CAAAE; color: #fff;}*/
.xh-flow-area > .xh-flow-process > .xh-flow-node > div > a {margin-left: 10px; height: 20px; padding-top: 0;}
.xh-flow-area > .xh-flow-process > .xh-flow-node > div > input {display: none;}

.select2-dropdown {z-index: 2000;}
.swal2-container.swal2-shown {background-color: transparent;}
.swal2-modal {box-shadow: 1px 2px 10px 2px #aaaaaa;}
.xh-flow-buttons {position: fixed;bottom: 5px;}

/* 表单内容 */
.xh-flow-content{clear: left;}